@charset "utf-8";

.fle_content_row{
  display:flex;
  flex-flow:row nowrap;
}

.fle_content_col{
  display:flex;
  flex-flow:column nowrap;
}

.fle_content_row_rev{
  display:flex;
  flex-flow:row-reverse nowrap;
}

.fle_content_col_rev{
  display:flex;
  flex-flow:column-reverse nowrap;
}

.fle_just_btw{
  justify-content:space-between;
}

.fle_just_aro{
  justify-content:space-around;
}

.fle_just_eve{
  justify-content:space-evenly;
}

.fle_just_start{
  justify-content:flex-start;
}

.fle_just_end{
  justify-content:flex-end;
}

.fle_alig_center{
  align-items:center;
}

.fle_gro_1{
  flex-grow:1;
}

.w0{
  width:0!important;
}

.w100{
  width:100%;
}

.w96{
  width:96%;
}

.w94{
  width:94%;
}

.w90{
  width:90%;
}

.w88{
  width:88%;
}

.w80{
  width:80%;
}

.w68{
  width:68%;
}

.w60{
  width:60%;
}

.w50{
  width:50%;
}

.w48{
  width:48%;
}

.w37{
  width:37%;
}

.w33{
  width:33.3%;
}

.w30{
  width:30%;
}

.w25{
  width:25%;
}

.w20{
  width:20%;
}

.w120p{
  width:120px;
}

.w100p{
  width:100px;
}

.w80p{
  width:80px;
}

.w70p{
	width:70px;
}

.w60p{
  width:60px;
}

.w50p{
  width:50px;
}

.w40p{
  width:40px;
}

.w35p{
  width:35px;
}

.w30p{
  width:30px;
}

.w25p{
  width:25px;
}

.w20p{
  width:20px;
}

.w16p{
  width:16px;
}

.h100{
  height:100%;
}

.h100vh{
  height:100vh;
}

.h16p{
  height:16px;
  line-height:16px;
}

.h20p{
  height:20px;
  line-height:20px;
}

.h26p{
  height:26px;
  line-height:26px;
}

.h35p{
  height:35px;
  line-height:35px;
}

.h30p{
  height:30px;
  line-height:30px;
}

.h36p{
  height:36px;
  line-height:36px;
}

.h40p{
  height:40px;
  line-height:40px;
}

.h50p{
  height:50px;
  line-height:50px;
}

.h60p{
  height:60px;
  line-height:60px;
}

.h70p{
  height:70px;
  line-height:70px;
}

.h80p{
  height:80px;
  line-height:80px;
}

.h100p{
  height:100px;
}

.h120p{
  height:120px;
}

.h150p{
  height:150px;
}

.h200p{
  height:200px;
}

.flo_left{
  float:left;
}

.flo_right{
  float:right;
}

.clearfix{
  clear:both;
}

.add_pad_l2{
  padding-left:2%;
}

.add_pad_lr3{
  padding:0 3%;
}

.add_pad_tb3{
  padding:3% 0;
}

.add_pad_tb1lr3{
  padding:1% 3%;
}

.add_pad3{
  padding:3%;
}

.add_pad5{
  padding:5%;
}

.add_pad1{
  padding:1%;
}

.add_pad_t3{
  padding-top:3%;
}

.add_pad_t5{
  padding-top:5%;
}

.add_pad_b3{
  padding-bottom:3%;
}

.add_mar_lrauto{
  margin:0 auto;
}

.add_mar_lr3{ 
  margin:0 3%;
}

.add_mar_t2{
  margin-top:2%;
}

.add_mar_t3{
  margin-top:3%;
}

.add_mar_t5{
  margin-top:5%;
}

.add_mar_t10{
  margin-top:10%;
}

.add_mar_t7p{
  margin-top:7px;
}

.add_mar_t5p{
  margin-top:5px;
}

.add_mar_t15p{
  margin-top:15px;
}

.add_mar_t100p{
  margin-top:100px;
}

.add_mar_t200p{
  margin-top:200px;
}

.add_mar_t50p{
  margin-top:50px;
}

.add_mar_t10p{
  margin-top:10px;
}

.add_mar_t90p{
  margin-top:90px;
}

.add_mar_t-5{
  margin-top:-5%;
}

.add_mar_l2{
  margin-left:2%;
}

.add_mar_r2{
  margin-right:2%;
}

.add_mar_r3{
  margin-right:3%;
}

.add_mar_r5{
  margin-right:5%;
}

.add_mar_b3{
  margin-bottom:3%;
}

.add_mar_b5{
  margin-bottom:5%;
}

.bg_none{
	background:rgba(0,0,0,0);
}

.bg_white{
  background:#fff;
}

.bg_blue{
  background:#3795ff;
}

.bg_gray{
  background:#ccc;
}

.bg_black{
  background:#333;
}

.bg_black_opacity{
  background:rgba(0,0,0,0.6);
}

.bg_orange{
  background:#ff8400;
}

.bg_skin_light{
	background:#fddca6;
}

.bg_red{
  background:#ee2248;
}

.bg_gray_light{
  background:#f2f2f2;
}

.bg_red_light{
  background:#f56580;
}

.black{
  color:#333;
}

.white{
  color:#fff;
}

.blue{
  color:#3795ff;
}

.gray{
  color:#bbb;
}

.gray_dark{
  color:#999;
}

.orange{
  color:#f08200;
}

.red{
  color:#ee2248;
}

.red_light{
  color:#f56580;
}

.yellow{
  color:#fdec3b;
}

.fs_30p{
  font-size:30px;
}

.fs_24p{
  font-size:24px!important;
}

.fs_20p{
  font-size:20px!important;
}

.fs_18p{
  font-size:18px!important;
}

.fs_16p{
  font-size:16px!important;
}

.fs_15p{
  font-size:15px!important;
}

.fs_14p{
  font-size:14px!important;
}

.fs_13p{
  font-size:13px!important;
}

.fs_12p{
  font-size:12px!important;
}

.fs_10p{
  font-size:10px!important;
}

.fs_6rem{
	font-size:0.625rem!important;
}

.add_weight{
  font-weight:600;
}

.align_center{
  text-align:center;
}

.align_right{
  text-align:right;
}

.align_left{
  text-align:left;
}

.add_bor_none{
	border:0px!important;
}

.add_bor_orange{
	border:1px #ff8200 solid;
}

.add_bor_t_gray{
  border-top:1px #eee solid;
}

.add_bor_b_gray{
  border-bottom:1px #eee solid;
}

.add_bor_b_gray_dashed{
	border-bottom:1px #eee dashed;
}

.add_bor_b_blue3{
	border-bottom:3px #3795ff solid;
}

.add_bor_b_white3{
	border-bottom:3ox #fff solid;
}

.add_bor_gray{
  border:1px #eee solid;
}

.add_bor_blue{
  border:1px #3795ff solid;
}

.add_bor_white{
  border:1px #fff solid;
}

.add_rad_04p010p{
	border-radius:0 4px 0 10px;
}

.add_rad_4p{
  border-radius:4px;
}

.add_rad_8p{
  border-radius:8px;
}

.add_rad_10p{
  border-radius:10px;
}

.add_rad_tr10pbl0{
  border-radius:10px 10px 0 0;
}

.add_rad_15p{
  border-radius:15px;
}

.add_rad_20p{
  border-radius:20px;
}

.add_rad_tr8p{
  border-radius:8px 8px 0 0;
}

.add_rad_bl8p{
  border-radius: 0 0 8px 8px;
}

.add_rad_half{
  border-radius: 50%;
}

.tanchuang{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
}

.add_dis_b{
  display:block;
}

.add_dis_inl-b{
  display:inline-block;
}

.add_zin_down{
  z-index:-1;
}

.add_zin_1{
  z-index:1;
}

.add_zin_9{
  z-index:9;
}

.add_pos_re{
  position:relative;
}

.add_pos_ab{
  position:absolute;
}

.add_pos_fix{
  position:fixed;
}

.fix_t0l0{
  top:0;
  left:0;
}

.fix_t0r0{
  top:0;
  right:0;
}

.fix_b0l0{
  bottom:0;
  left:0;
}

.ab_t0l0{
  top:0;
  left:0;
}

.ab_t0r0{
	top:0;
	right:0;	
}

.ab_t0r-5p{
  top:0;
  right:-5px;
}

.ab_t0r-10p{
  top:0;
  right:-10px;
}

.ab_t5pr-5p{
  top:5px;
  right:-5px;
}

.ab_t5l5{
  top:5%;
  left:5%;
}

.ab_t10l5{
  top:10%;
  left:5%;
}

.ab_b5l5{
  bottom:5%;
  left:5%;
}

.ab_b5r5{
	bottom:5px;
	right:5px;
}

.add_max_h80{
  max-height:80%;
  overflow:auto;
}

.add_max_h500p{
  max-height:500px;
  overflow-y:scroll;
}

.add_shadow{
  filter:drop-shadow(2px 2px 1px #ccc);
}


.add_ellip2{
	display: -webkit-box;
	
	overflow: hidden;
	
	text-overflow: ellipsis;
	
	word-wrap: break-word;
	
	white-space: normal !important;
	
	-webkit-line-clamp: 2;
	
	-webkit-box-orient: vertical;
}

.add_ellip{
	display: -webkit-box;
	
	overflow: hidden;
	
	text-overflow: ellipsis;
	
	word-wrap: break-word;
	
	white-space: normal !important;
	
	-webkit-line-clamp: 1;
	
	-webkit-box-orient: vertical;
}

.add_overf_x_scro_father{
	overflow-x: auto;
  	display: -webkit-box;
  	-webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
  display: none;
}

.add_inlblo{
	display:inline-block;
}

.add_inl{
	display:inline;
}

.add_scale_8{
	transform:scale(0.8,0.8);
}

.add_origin_left{
	transform-origin: left center;
}
